<script setup lang="ts">
import { reactive } from "vue";
var user = reactive({ time: 0, far: 0, space: 0 });
function updateUser() {
  user.time = 68;
  user.far = 77896;
  user.space = 7.96;
}
</script>
<template>
  <h1>今日运动数据</h1>
  <h3>运动时长:{{ user.time }}分钟</h3>
  <h3>行走步数:{{ user.far }}步</h3>
  <h3>运动距离:{{ user.space }}公里</h3>
  <button @click="updateUser">更新数据</button>
</template>
